<!--
 - MineAdmin is committed to providing solutions for quickly building web applications
 - Please view the LICENSE file that was distributed with this source code,
 - For the full copyright and license information.
 - Thank you very much for using MineAdmin.
 -
 - @Author X.Mo<root@imoi.cn>
 - @Link   https://gitee.com/xmo/mineadmin-vue
-->

<template>
  <div class="page max-7xl mx-auto text-center">
    <div class="bg mx-auto">
      <img src="@/assets/404.svg" />
      <div class="mt-2">{{ $t('sys.notFoundPage') }}</div>
    </div>
    <div class="mt-5"><a-button type="primary" @click="$router.push({ name: 'dashboard' })">{{ $t('sys.goHome') }}</a-button></div>
  </div>
</template>

<script setup >
definePageMeta({
  name: 'error',
  layout: false
})
</script>

<style scoped lang="less">
.page {
    position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -195px;
}
.bg, .bg img{
   width: 390px;
}
</style>
